page {
	background-color: #F8F8F8;
	font-size: 32rpx;
	font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
}

page ::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	color: transparent !important;
	display: none;
}

page button::after {
	border: none;
}

page .container {
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	background-color: #ffffff;
	min-height: 100vh;
}

page .container .page .video {
	width: 100%;
}

page .container .page .video video {
	width: 100%;
	object-fit: fill;
}

page .container .page .tui-cell-header {
	width: 100%;
	height: 74rpx;
	padding: 0 26rpx;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

page .container .page .tui-cell-header .tui-cell-title {
	font-size: 30rpx;
	line-height: 30rpx;
	font-weight: 600;
	color: #333;
}

page .container .page .tui-cell-header .tui-cell-sub {
	font-size: 26rpx;
	font-weight: 400;
	color: #999;
	padding-right: 28rpx;
}

page .container .page .tui-flex-wrap {
	flex-wrap: wrap;
	height: auto;
	padding-bottom: 30rpx;
}

page .container .page .tui-flex-box {
	width: 100%;
	display: flex;
	align-items: center;
}

page .container .page .tui-icon-img {
	width: 44rpx;
	height: 44rpx;
	flex-shrink: 0;
}

page .container .page .tui-header-icon {
	position: fixed;
	z-index: 9;
	left: 20rpx;
}

page .container .page .tui-icon-box {
	position: relative;
}

page .container .page .tui-badge {
	position: absolute;
	font-size: 24rpx;
	height: 32rpx;
	min-width: 20rpx;
	padding: 0 6rpx;
	border-radius: 40rpx;
	right: 10rpx;
	top: -5rpx;
	transform: scale(0.8) translateX(60%);
	transform-origin: center center;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}

page .container .page .tui-badge-red {
	background: #f74d54;
	color: #fff;
}

page .container .page .tui-badge-dot {
	position: absolute;
	height: 12rpx;
	width: 12rpx;
	border-radius: 50%;
	right: -12rpx;
	top: 0;
	background: #f74d54;
}

page .container .page .tui-badge-white {
	background: #fff;
	color: #f74d54;
}

page .container .page .tui-phcolor {
	color: #ccc;
	font-size: 32rpx;
	overflow: visible;
}

page .container .page .tui-opcity {
	opacity: 0.5;
}

page .container .page .tui-red,
page .container .page .tui-color-red,
page .container .page .tui-icon-red {
	color: #ff201f;
}

page .container .page .tui-green,
page .container .page .tui-color-green,
page .container .page .tui-icon-green {
	color: green;
}

page .container .page .tui-gray {
	color: #999;
}

page .container .page .tui-radius-all {
	border-radius: 24rpx;
	overflow: hidden;
}

page .container .page .tui-sale-price {
	font-size: 34rpx;
	font-weight: 500;
	color: #e41f19;
}

page .container .page .tui-factory-price {
	font-size: 24rpx;
	color: #a0a0a0;
	text-decoration: line-through;
	padding-left: 12rpx;
}

page .container .page .tui-tips {
	padding: 0;
	color: #f70101;
	font-size: 30rpx;
}

page .container .page .tui-ml-auto {
	margin-left: auto;
}

page .container .page .tui-mtop-26 {
	margin-top: 26rpx;
}

page .container .page .tui-view-title {
	width: 100%;
	font-size: 32rpx;
	font-weight: bold;
	padding: 24rpx 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

page .container .page .tui-hover {
	background-color: #f7f7f9 !important;
}

page .container .page .tui-size-26 {
	font-size: 26rpx;
	line-height: 26rpx;
}

page .container .page .tui-size-24 {
	font-size: 24rpx;
	line-height: 24rpx;
}

page .container .page .tui-size-28 {
	font-size: 28rpx;
	line-height: 28rpx;
}

page .container .page .tui-size-32 {
	font-size: 32rpx;
	line-height: 32rpx;
}

page .container .page .tui-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

page .container .page .tui-list-item {
	position: relative;
}

page .container .page .tui-list-item::after {
	content: '';
	position: absolute;
	border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	bottom: 0;
	right: 0;
	left: 30rpx;
}

page .container .page .tui-price-large {
	font-size: 34rpx;
	line-height: 32rpx;
	font-weight: 600;
}

page .container .page .tui-last::after {
	border-bottom: 0 !important;
}

page .container .page .tui-grid-icon {
	text-align: center;
}

page .container .page .tui-radius {
	border-radius: 50%;
}

page .container .page .tui-flex-end {
	align-items: flex-end;
}

page .container .page .tui-flex-wrap {
	flex-wrap: wrap;
	height: auto !important;
}

page .container .page .tui-fles-between {
	justify-content: space-between !important;
}

page .container .page .tui-flex-shrink {
	flex-shrink: 0;
}

page .container .page .tui-safearea-bottom {
	width: 100%;
	height: env(safe-area-inset-bottom);
}

page .container .page .tui-form-button {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	padding: 20rpx 25rpx 30rpx;
	box-sizing: border-box;
	background: #fafafa;
}

page .container .page .tui-list-button {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	padding: 20rpx 25rpx 30rpx;
	box-sizing: border-box;
	background: #fafafa;
}

page .container .page .list-add-button {
	padding-bottom: calc(140rpx - env(safe-area-inset-bottom));
}

page .container .page .tui-address-bg-img {
	position: absolute;
	width: 100%;
	height: 8rpx;
	left: 0;
	bottom: 0;
	background-image: url("");
}

.flex,
.fx {
	display: flex;
}

.flex-b,
.fx-b {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-a,
.fx-a {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.flex-c,
.fx-c {
	display: flex;
	justify-content: center;
	align-items: center;
}

.fl,
.f-fl {
	float: left;
}

.fr,
.f-fr {
	float: right;
}

.pr,
.p-relative {
	position: relative;
}

.pf,
.p-fixed {
	position: fixed;
}

.pa,
.p-absolute {
	position: absolute;
}

.tc,
.text-c {
	text-align: center;
}

.tr,
.text-r {
	text-align: right;
}

.tl,
.text-l {
	text-align: left;
}

.tui-bold,
.fw {
	font-weight: bold;
}

.width50 {
	width: 50%;
}

.getPhoneNumberFixed {
	width: 100%;
	height: 100%;
	background-color: #ff000000;
	position: fixed;
	top: 5%;
	padding: 0;
	margin: 0;
	right: 0;
	z-index: 9930;
}

.member_portrait,
.wx_applet_avatar {
	height: 100rpx;
	position: relative;
}

.member_portrait .img,
.wx_applet_avatar .img {
	width: 100rpx;
	height: 100rpx;
	border-radius: 100rpx;
}

.wx_applet_input_nickname,
.wx_applet_choose_avatar,
.wx_applet_button {
	width: 100%;
	height: 100%;
	background: #ff000000;
	position: absolute;
	padding: 0;
	right: 0;
	top: 0;
}

.wx_applet_input_nickname image,
.wx_applet_choose_avatar image,
.wx_applet_button image {
	width: 100%;
	height: 100%;
}

.tui-header-box {
	width: 100%;
	padding: 0 30rpx 0 20rpx;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 32px;
	transform: translateZ(0);
	z-index: 9999;
	/* #ifndef MP */
	/* #endif */
}

.tui-header-box .tui-header-box-icon {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tui-header-box .tui-header-box-icon .tui-icon-setup {
	margin-left: 8rpx;
}

.tui-keyboard-tips {
	width: 100%;
	height: 120rpx;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30rpx;
	background: #fff;
	position: relative;
	color: #333;
	border: 0;
}

.tui-keyboard-tips .tui-digital-box {
	background: #fff;
	padding-bottom: 50rpx;
	border: 0;
}

.wallet-box {
	height: 220rpx;
	padding: 15rpx 15rpx;
}

.wallet-box .wallet-info {
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #ff000099, #58d4a6);
	border-radius: 25rpx;
	position: relative;
}

.wallet-box .wallet-info .wallet-data {
	position: absolute;
	top: 10%;
	left: 5%;
	color: #FFFFFF;
}

.wallet-box .wallet-info .wallet-data .title {
	font-size: 45rpx;
}

.wallet-box .wallet-info .wallet-data .number {
	margin-top: 30rpx;
	font-size: 65rpx;
}

.wallet-box .wallet-info .wallet-give {
	position: absolute;
	top: 35%;
	right: 5%;
	color: #FFFFFF;
}

.tui-mybg-box {
	width: 100%;
	height: 464rpx;
	position: relative;
}

.tui-mybg-box .tui-my-bg-h-464 {
	width: 100%;
	height: 464rpx !important;
	display: block;
}

.tui-mybg-box .tui-my-bg-h-320 {
	width: 100%;
	height: 320rpx !important;
	display: block;
}

.tui-mybg-box .tui-header-center {
	position: absolute;
	width: 100%;
	height: 128rpx;
	left: 0;
	top: 120rpx;
	padding: 0 30rpx;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	/* #ifdef MP */
	/* #endif */
}

.tui-mybg-box .tui-header-center .tui-wallet {
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	font-size: 40rpx;
}

.tui-mybg-box .tui-header-center .tui-wallet .tui-wallet-info .tui-wallet-info-value {
	font-size: 90rpx;
}

.tui-mybg-box .tui-header-center .tui-avatar {
	flex-shrink: 0;
	width: 128rpx;
	height: 128rpx;
	display: block;
	border-radius: 50%;
}

.tui-mybg-box .tui-header-center .tui-info {
	width: 60%;
	padding-left: 30rpx;
}

.tui-mybg-box .tui-header-center .tui-info .tui-nickname {
	font-size: 30rpx;
	font-weight: 500;
	color: #fff;
	display: flex;
	align-items: center;
}

.tui-mybg-box .tui-header-center .tui-info .tui-nickname .tui-img-vip {
	width: 56rpx;
	height: 24rpx;
	margin-left: 18rpx;
}

.tui-mybg-box .tui-header-center .tui-info .tui-vip-box {
	max-width: 190rpx;
	padding: 8rpx 15rpx;
	margin-top: 10rpx;
	background: linear-gradient(to right, #FDF1C8, #F8D15C);
	font-size: 16rpx;
	border-radius: 25rpx;
	color: #000000;
	text-align: center;
}

.tui-mybg-box .tui-header-center .tui-info .tui-explain {
	width: 80%;
	font-size: 24rpx;
	font-weight: 400;
	color: #fff;
	opacity: 0.75;
	padding-top: 8rpx;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tui-mybg-box .tui-header-center .tui-btn-edit {
	flex-shrink: 0;
	padding-right: 22rpx;
}

.tui-mybg-box .tui-header-center .tui-set-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tui-mybg-box .tui-header-btm {
	width: 100%;
	padding: 0 30rpx;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 280rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}

.tui-mybg-box .tui-header-btm .tui-btm-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.tui-mybg-box .tui-header-btm .tui-btm-item .tui-btm-num {
	font-size: 32rpx;
	font-weight: 600;
	position: relative;
}

.tui-mybg-box .tui-header-btm .tui-btm-item .tui-btm-text {
	font-size: 24rpx;
	opacity: 0.85;
	padding-top: 4rpx;
}

.tui-title-img {
	width: 100%;
	padding: 15rpx 10rpx;
	display: flex;
	justify-content: center;
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.tui-title-img image {
	width: 352rpx;
	height: 32rpx;
}

.tui-ticket-box,
.tui-product-box {
	padding: 0 25rpx;
	box-sizing: border-box;
}

.tui-popup-box {
	position: relative;
	padding: 30rpx 0 100rpx 0;
}

.tui-popup-box .tui-product-box {
	display: flex;
	align-items: flex-end;
	font-size: 24rpx;
	padding-bottom: 30rpx;
}

.tui-popup-box .tui-product-box .tui-popup-img {
	height: 200rpx;
	width: 200rpx;
	border-radius: 24rpx;
	display: block;
}

.tui-popup-box .tui-product-box .tui-popup-price {
	padding-left: 20rpx;
	padding-bottom: 8rpx;
}

.tui-popup-box .tui-product-box .tui-popup-price .tui-amount {
	color: #ff201f;
	font-size: 36rpx;
}

.tui-popup-box .tui-product-box .tui-popup-price .tui-number {
	font-size: 24rpx;
	line-height: 24rpx;
	padding-top: 12rpx;
	color: #999;
}

.tui-popup-box .tui-popup-scroll {
	font-size: 26rpx;
}

.tui-popup-box .tui-popup-scroll .tui-scrollview-box {
	padding: 0 30rpx 15rpx 30rpx;
	box-sizing: border-box;
}

.tui-popup-box .tui-popup-scroll .tui-scrollview-box .tui-attr-title {
	padding: 10rpx 0;
	color: #333;
}

.tui-popup-box .tui-popup-scroll .tui-scrollview-box .tui-attr-box {
	font-size: 0;
	padding: 20rpx 0;
}

.tui-popup-box .tui-popup-scroll .tui-scrollview-box .tui-attr-box .tui-attr-item {
	max-width: 100%;
	min-width: 200rpx;
	height: 64rpx;
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f7f7f7;
	padding: 0 26rpx;
	box-sizing: border-box;
	border-radius: 32rpx;
	margin-right: 20rpx;
	margin-bottom: 20rpx;
	font-size: 26rpx;
}

.tui-popup-box .tui-popup-scroll .tui-scrollview-box .tui-attr-box .tui-attr-active {
	background: #fcedea !important;
	color: #e41f19;
	font-weight: bold;
	position: relative;
}

.tui-popup-box .tui-popup-scroll .tui-scrollview-box .tui-attr-box .tui-attr-active::after {
	content: '';
	position: absolute;
	border: 1rpx solid #e41f19;
	width: 100%;
	height: 100%;
	border-radius: 40rpx;
	left: 0;
	top: 0;
}

.tui-popup-box .tui-right-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tui-popup-box .tui-right-flex .tui-flex-1 {
	flex: 1;
	padding: 6rpx;
}

.tui-popup-box .tui-right {
	position: absolute;
	right: 30rpx;
	top: 30rpx;
}

.tui-popup-btn {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.tui-operation {
	width: 100%;
	height: 100rpx;
	background: rgba(255, 255, 255, 0.98);
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 10;
	bottom: 0;
	left: 0;
	padding-bottom: env(safe-area-inset-bottom);
}

.tui-operation .tui-operation-left {
	width: 41.66666667%;
	display: flex;
	align-items: center;
}

.tui-operation .tui-operation-left .tui-operation-item {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
}

.tui-operation .tui-operation-left .tui-operation-item .tui-operation-text {
	font-size: 22rpx;
	color: #333;
	transform: scale(0.9);
	transform-origin: center center;
}

.tui-operation .tui-operation-right {
	width: 58.33333333%;
	height: 100rpx;
	padding: 0 12rpx;
	box-sizing: border-box;
}

.tui-searchbox {
	width: 100%;
	box-sizing: border-box;
	padding: 10rpx 20rpx;
	height: 80rpx;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	/* #ifdef H5 */
	top: 44px;
	/* #endif */
	z-index: 100;
}

.tui-notice-board {
	width: 100%;
	box-sizing: border-box;
	font-size: 28rpx;
	height: 60rpx;
	background: #fff8d5;
	display: flex;
	align-items: center;
	z-index: 999;
}

.tui-notice-board .tui-icon-bg {
	background: #fff8d5;
	position: relative;
	z-index: 10;
}

.tui-notice-board .tui-scorll-view {
	flex: 1;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	color: #f54f46;
}

.tui-notice-board .tui-scorll-view .tui-notice {
	display: block;
}

.tui-notice-board .tui-scorll-view .tui-animation {
	-webkit-animation: tui-rolling 12s linear infinite;
	animation: tui-rolling 12s linear infinite;
}

@-webkit-keyframes tui-rolling {
	0% {
		transform: translate3d(100%, 0, 0);
	}

	100% {
		transform: translate3d(-170%, 0, 0);
	}
}

@keyframes tui-rolling {
	0% {
		transform: translate3d(100%, 0, 0);
	}

	100% {
		transform: translate3d(-170%, 0, 0);
	}
}

.tui-banner-swiper {
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tui-banner-swiper .tui-banner-box {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* #ifdef MP-WEIXIN */
	/* #endif */
}

.tui-banner-swiper .tui-banner-box .tui-banner-item {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tui-banner-swiper .tui-banner-box .tui-banner-item .tui-slide-image {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 2rpx;
}

.tui-banner-swiper .tui-banner-box .wx-swiper-dot {
	width: 8rpx;
	height: 8rpx;
	display: inline-flex;
	background: none;
	justify-content: space-between;
}

.tui-banner-swiper .tui-banner-box .wx-swiper-dot::before {
	content: "";
	flex-grow: 1;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 16rpx;
	overflow: hidden;
}

.tui-banner-swiper .tui-banner-box .wx-swiper-dot-active::before {
	background: #fff;
}

.tui-banner-swiper .tui-banner-box .wx-swiper-dot.wx-swiper-dot-active {
	width: 16rpx;
}

.tui-banner-swiper .tui-banner-tag {
	position: absolute;
	color: #fff;
	bottom: 30rpx;
	right: 0;
}

.tui-radio-group {
	transform: scale(0.8);
	transform-origin: 100% center;
	flex-shrink: 0;
	margin-left: -55rpx;
}

.tui-radio-group .tui-radio-item {
	display: inline-block;
	padding-left: 28rpx;
	font-size: 36rpx;
	vertical-align: middle;
}

.tui-checkbox-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tui-checkbox-group .tui-checkbox-item {
	padding: 10rpx 0;
}

.tui-checkbox {
	min-width: 70rpx;
	display: flex;
	align-items: center;
}

/* #ifdef MP-WEIXIN */
.tui-checkbox .wx-checkbox-input {
	width: 40rpx;
	height: 40rpx;
	margin-right: 0 !important;
	border-radius: 50% !important;
	transform: scale(0.8);
	border-color: #d1d1d1 !important;
}

.tui-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
	background: #eb0910;
	width: 44rpx !important;
	height: 44rpx !important;
	border: none;
}

/* #endif */
/* #ifndef MP-WEIXIN */
::v-deep .tui-checkbox .uni-checkbox-input {
	width: 40rpx;
	height: 40rpx;
	margin-right: 0 !important;
	border-radius: 50% !important;
	transform: scale(0.8);
	border-color: #d1d1d1 !important;
}

::v-deep .tui-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
	background: #eb0910;
	width: 45rpx !important;
	height: 45rpx !important;
	border: none;
}

/* #endif */
/* #ifdef MP-ALIPAY */
::v-deep checkbox {
	width: 40rpx;
	height: 40rpx;
	margin-right: 0 !important;
	border-radius: 50% !important;
	transform: scale(0.8);
	border-color: #d1d1d1 !important;
	position: relative;
}

::v-deep checkbox-checked {
	background: #eb0910;
	width: 45rpx !important;
	height: 45rpx !important;
	border: none;
}

/* #endif */